<template>
  <ul>
    <li><router-link to="/hot">热门新闻</router-link> </li>
    <li><router-link to="/sport">体育新闻</router-link></li>
    <li><router-link to="/financial">财经新闻</router-link></li>
  </ul>3
  <div>
    <router-view></router-view>
  </div>
</template>

<script lang='ts' setup>
</script>

<style lang='scss' scoped>
a{
 text-decoration: none;
 color: #000;   
}
a:hover{
  color:tomato
}
ul{
  display: flex;
  width: 500px;
  justify-content: center;
  li{
    flex-grow: 1;
    list-style-type: none;
  }
  
}
</style>